<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<script>
    // 在script标签中直接定义的变量  是 顶级作用域  其他的作用域的都可以访问定义作用域
    let name = 'jimmy'

</script>
<script type="module">
    /*
        每个对象的作用域是不同的  体现的就是他们在各自空间中的内存地址不同
    */
    // 这里虽然是两个script标签 但是他们存的数据都是存在顶级作用域里面的  所以另外一个script标签其实可以访问
    console.log(name)  //jimmy  
    import {} from './test1.js'  //module test1
    import {lesson} from './test2.js'  //modele test2
    // 模块的导入顺序不会因为模块内数据的大小而发生速度上的变化

    // 模块内的数据除非是内部有export导出的数据我们可以访问  其他情况下相当于是在一个密闭的空间里面  
        // 所以我们是没有办法强行访问的
    console.log(lesson)  //并且 导入导出的数据 的变量名必须是要保持一致的  否则会找不到这个对象
</script>
<body>
    
</body>
</html>